const Index = (props) => {
  const { className, fill = '#1a1a1a', onClick } = props
  return (
    <svg fill="none" width="20" height="20" viewBox="0 0 20 20" className={className} onClick={onClick}>
      <g>
        <g>
          <path
            d="M7.5,8.146447C7.695262,7.9511845,8.01184,7.9511845,8.20711,8.146447C8.20711,8.146447,10.38718,10.32652,10.38718,10.32652C10.38718,10.32652,12.504760000000001,8.208931,12.504760000000001,8.208931C12.70002,8.0136684,13.01661,8.0136683,13.211870000000001,8.20893C13.211870000000001,8.20893,13.56542,8.562484,13.56542,8.562484C13.76068,8.757746000000001,13.76068,9.07433,13.56542,9.26959C13.56542,9.26959,10.73699,12.09802,10.73699,12.09802C10.54173,12.29328,10.22515,12.29328,10.02989,12.09802C10.02989,12.09802,9.67633,11.74446,9.67633,11.74446C9.658809999999999,11.726939999999999,9.64287,11.70845,9.62849,11.68915C9.62849,11.68915,7.146447,9.20711,7.146447,9.20711C6.9511845,9.01184,6.9511844,8.695262,7.146447,8.5C7.146447,8.5,7.5,8.146447,7.5,8.146447C7.5,8.146447,7.5,8.146447,7.5,8.146447Z"
            fill={fill}
            fillOpacity="1"
          />
        </g>
      </g>
    </svg>
  )
}

export default Index
